<style>
.g-login .m-form { margin-top:40px;}
.g-login .log-mn { padding-top:20px;}
</style>
<div class="g-login">
  <div class="m-hd">
    <div class="title">
      <h1>绑定帐号</h1>
      <div class="small">bind</div>
    </div>
    <div class="f-cb"></div>
  </div>
  <div class="m-form">
    <form action="{$url|'member/OauthLogin/bindLogin'}" method="post" id="form">
      <fieldset>
      	<div class="formitm">
        您将使用{$oauthConfig.NAME}注册本站，<a class="f-red" href="{$loginUrl}">更换{$oauthConfig.NAME}</a>？ </div>
        <div class="formitm">
          <label class="lab">用户名/邮箱：</label>
          <div class="ipt">
            <input name="username" type="text" class="u-ipt u-ipt-4 " id="username" value="" maxlength="250" datatype="s5-250|e" sucmsg="用户名或邮箱验证通过！" nullmsg="请输入用户名或邮箱！"  errormsg="用户名至少5个字符或邮箱格式不正确！"  />
            <span class="suffix"></span>
            <p></p>
          </div>
        </div>
        <div class="formitm">
          <label class="lab">密 码：</label>
          <div class="ipt">
            <input name="password" type="password" class="u-ipt u-ipt-4" id="password" value="" maxlength="250" datatype="*6-250" sucmsg="密码验证通过！" nullmsg="请输入密码！"  errormsg="密码至少5个字符！"  />
            <span class="suffix"></span>
            <p></p>
          </div>
        </div>
        <div class="formitm formitm-1">
          <button class="u-btn" type="submit">立即绑定</button>
          
          <span class="status" id="status"></span> </div>
      </fieldset>
    </form>
    <div class="f-cb"></div>
  </div>
  <div class="log-mn">
    <div class="tt"> 如果您暂时还没有本站帐号，请点击注册</div>
    <div class="tip">注册后将会自动绑定您的{$oauthConfig.NAME}</div>
    <a class="u-btn s-btn-c3" href="{$url|'member/Register/index'}">注册绑定</a>
    <div class="f-cb"></div>
  </div>
  <div class="f-cb"></div>
</div>
<script>
Do.ready('base','form','dialog',function() {
	$('#form').duxForm({
		returnFun:function(){
			var url = "{$callbackUrl}";
			window.location.href=url;
		}
		});
});
</script> 
